<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Buildream - Free Bootstrap 5 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Prata&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/css/ionicons.min.css">

    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/flaticon.css">
    <link rel="stylesheet" href="../static/css/tiny-slider.css">
    <link rel="stylesheet" href="../static/css/glightbox.min.css">
    <link rel="stylesheet" href="../static/css/aos.css">
    <link rel="stylesheet" href="../static/css/style.css">
  </head>
  <body>

    <div class="py-1 top-wrap">
      <div class="container-xl">
        <div class="row justify-content-between">

          <div class="col-md topper d-flex align-items-xl-center">
            <div class="text">
              <p class="con"><span>联系方式:</span> <span>+1 234 456 78910</span></p>
            </div>
          </div>
          <div class="col-md topper d-flex justify-content-lg-end">
            <div class="text me-4 d-flex align-items-center justify-content-lg-end">
              <p class="con"><span>邮箱地址:</span> <span>buildream@info.com</span></p>
            </div>
            <ul class="ftco-social-top d-flex align-items-center">
              <li><a href="#"><span class="fa fa-twitter"></span></a></li>
              <li><a href="#"><span class="fa fa-facebook"></span></a></li>
              <li><a href="#"><span class="fa fa-instagram"></span></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <nav class="navbar navbar-expand-lg  ftco-navbar-light">
      <div class="container-xl">
        <a class="navbar-brand aside-stretch align-items-center" href="index.html">
          Buildream
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="fa fa-bars"></span> Menu
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">关于</a></li>
            <li class="nav-item"><a class="nav-link" href="services.html">招募合伙人</a></li>
            <li class="nav-item"><a class="nav-link" href="project.html">店面展示</a></li>
            <li class="nav-item"><a class="nav-link active" href="pricing.html">最新资讯</a></li>
            <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">联系我们</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_5.jpg');">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
          <div class="col-md-9 pt-5 text-center">
            <p class="breadcrumbs"><span class="me-2"><a href="index.html">首页 <i class="fa fa-chevron-right"></i></a></span> <span>Pricing <i class="fa fa-chevron-right"></i></span></p>
            <h1 class="mb-0 bread">Pricing</h1>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
            <div class="block-7">
              <div class="text-center">
                <span class="excerpt d-block">Basic Plan</span>
                <span class="price"><sup>$</sup> <span class="number">49K</span></span>
                
                <div class="p-4 px-lg-5">
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                </div>

                <a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
            <div class="block-7">
              <div class="text-center">
                <span class="excerpt d-block">Beginner Plan</span>
                <span class="price"><sup>$</sup> <span class="number">79K</span></span>
                
                <div class="p-4 px-lg-5">
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                </div>

                <a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
            <div class="block-7">
              <div class="text-center">
                <span class="excerpt d-block">Premium Plan</span>
                <span class="price"><sup>$</sup> <span class="number">109K</span></span>
                
                <div class="p-4 px-lg-5">
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                </div>

                <a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
            <div class="block-7">
              <div class="text-center">
                <span class="excerpt d-block">Ultimate Plan</span>
                <span class="price"><sup>$</sup> <span class="number">149K</span></span>
                
                <div class="p-4 px-lg-5">
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                </div>

                <a href="#" class="btn btn-primary d-block px-2 py-3">Get Started</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section ftco-about-section">
      <div class="container-xl">
        <div class="row g-xl-5">
          <div class="col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
            <div class="img w-100" style="background-image: url(images/about.jpg);">
              <div class="counter-wrap d-flex">
                <div class="icon"><span class="flaticon-engineer"></span></div>
                <div class="text ps-3">
                  <span class="number"><span class="countup">38</span></span>
                  <span class="caption">Years of experienced</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 heading-section d-flex align-items-center" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
            <div class="mt-5 mt-md-0">
              <span class="subheading">Welcome to Buildream</span>
              <h2 class="mb-2">Quality and Affordable Constructor</h2>
              <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
              <h4>We Can Help You</h4>
              <div class="row mt-4 g-lg-2">
                <div class="col-lg-6 d-flex align-items-stretch services-wrap">
                  <div class="services d-flex">
                    <div class="icon"><span class="flaticon-building"></span></div>
                    <div class="text">
                      <h2>Construction</h2>
                      <p class="mb-0">Far far away, behind the word mountains.</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 d-flex align-items-stretch services-wrap">
                  <div class="services d-flex">
                    <div class="icon"><span class="flaticon-floor-plan"></span></div>
                    <div class="text">
                      <h2>Architecture</h2>
                      <p class="mb-0">Far far away, behind the word mountains.</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 d-flex align-items-stretch services-wrap">
                  <div class="services d-flex">
                    <div class="icon"><span class="flaticon-consult"></span></div>
                    <div class="text">
                      <h2>Consulting</h2>
                      <p class="mb-0">Far far away, behind the word mountains.</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 d-flex align-items-stretch services-wrap">
                  <div class="services d-flex">
                    <div class="icon"><span class="flaticon-construction"></span></div>
                    <div class="text">
                      <h2>Mechanical</h2>
                      <p class="mb-0">Far far away, behind the word mountains.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <footer class="ftco-footer">
      <div class="container-xl">
        <div class="row mb-5 pb-5 justify-content-between">
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2 logo d-flex">
                <a class="navbar-brand align-items-center" href="index.html">
                  Buildream
                </a>
              </h2>
              <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              <ul class="ftco-footer-social list-unstyled mt-2">
                <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                <li><a href="#"><span class="fa fa-instagram"></span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Services</h2>

              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_1.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_2.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_3.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-2">
             <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Quick Links</h2>
              <ul class="list-unstyled">
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>首页</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>关于</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>招募合伙人</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>店面展示</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>最新资讯</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>联系我们</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Have a Questions?</h2>
              <div class="block-23 mb-3">
                <ul>
                  <li><span class="icon fa fa-map marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
                  <li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
                  <li><a href="#"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">info@yourdomain.com</span></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid px-0 py-5 bg-darken">
        <div class="container-xl">
          <div class="row">
            <div class="col-md-12 text-center">
              <p class="mb-0" style="color: rgba(255,255,255,.5); font-size: 13px;">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener">Colorlib</a></p>
            </div>
          </div>
        </div>
      </div>
    </footer>

    
  <script src="../static/js/bootstrap.bundle.min.js"></script>
  <script src="../static/js/tiny-slider.js"></script>
  <script src="../static/js/glightbox.min.js"></script>
  <script src="../static/js/aos.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="../static/js/google-map.js"></script>
  <script src="../static/js/main.js"></script>
    
  </body>
</html>